<!--
关于行高的继承
    font: 字号/行高 字体;
        - 行高后面跟单位：属于精确值
            body    font: 25px/50px '宋体';
        - 行高后面不跟单位：与【当前字号】成倍数关系。（优点：自动调整，灵活变化）
                body    font: 25px/1.5 '宋体';
                div     font-size: 30px;
    注意：当前字号是指当前子标签的字号，而不是父标签继承来的字号（除非子标签没有自己的字号大小）。
            此时div继承来的行高是1.5*30=45px，而不是1.5*25px=37.5px，
            最终结果是：
                body    font: 25px/37.5px '宋体';
                div     font: 30px/45px '宋体';
    小结：
        子元素有行高/字号大小，就以子元素为准；
        子元素没有行高/字号大小，就以父元素为准。

    行高 = 上间隙+字体高度+下间隙
-->
<style>
    body {
        font: 25px/1.5 'Microsoft YaHei';
    }
    div {
        font-size: 30px;
    }
</style>
<!-- 最终：行高45px，字号30px -->
<div>标签div的内容</div>
<!-- 最终：行高37.5px，字号25px -->
<p>标签p的内容</p>